<template>
  <view class="goodImages">
    <image
	  class="image"
      v-for="(item, index) in goodImages"
      :key="index"
      :src="item"
      alt=""
      @load="load"
	  mode="widthFix"
    />
  </view>
</template>

<script>
import { debounce } from "common/utils";
export default {
  name: "DetailGoodMore",
  props: {
    goodImages: {
      type: Array,
      default() {
        return {};
      },
    },
  },
  data() {
    return {
      load:undefined,
    }
  },
  methods: {
    imgLoad() {
      this.$emit('detailGoodResourceLoad')
    },
  },
  created() {
    this.load = debounce(this.imgLoad)
  },
};
</script>
<style lang="scss" scoped>

.goodImages {
  width: 100vw;
}

.goodImages .image {
  width: 100vw;
}
</style>